.z_menu_btn{ display: none;}
@media screen  and (max-width:1200px){
.menu{ width: 94%; min-width: auto;}
.auto{ width: 94%;}
html{ width: 100%;overflow-x: hidden!important;}
body{ min-width: auto; width: 100%; overflow-x: hidden!important;-webkit-tap-highlight-color:rgba(255,255,255,0); background: #fff;}
} 
@media screen  and (max-width:980px){
/* .float_fixed{ display: none;} */
.head{ height:44px; position: fixed; padding: 0 10px; box-sizing: border-box; display: flex; align-items: center; left: 0; top: 0; width: 100%; background: #fff;border-bottom: 1px solid #439a42; z-index: 10000;}
.logo{ display: flex; align-items: center;height: 34px;  padding: 0;}
.logo img{ height: 30px;}
.head .ph{ display: none;}
.menu{ width: 100%; position: fixed; left: 0; top: 44px; height: calc(100vh - 44px); display: flex; align-items: center; justify-content: center; transition: ease .6s; transform: translateY(100%); opacity: 0; visibility: hidden; }
.menu.on{ transform: translateY(0); opacity: 1; visibility: visible;}
.m_a{ width: 100%; padding: 0;}
.menu .m_li{ width: 100%; text-align: center;}

.z_menu_btn{  cursor: pointer; margin-left: auto;z-index: 2;
    width: 40px;  display: flex; margin-left: 10px; align-items: center; justify-content: center;height: 40px; }
.z_menu_btn span{ display: block; transition: ease .6s; width: 18px; height:2px; background: #439a42;}
.z_menu_btn .line2{ margin:3px 0;}
.z_menu_btn.on .line1{ transform:translateY(5px) rotate(45deg);}
.z_menu_btn.on .line3{ transform:translateY(-5px) rotate(-45deg);}
.z_menu_btn.on .line2{ opacity: 0;}
.banner{ margin-top: 44px;}
.flexslider .flex-control-nav{ left: 0;width: 100%;}
.flexslider .flex-control-nav a{ width: 8px; height: 8px; margin: 0 3px; background-size: 100% 100%!important;}
 .i1_left,.i1_dl { width: 100vw; height: auto;}
/*.i1_dd{ width: 100%;}
.i1_dl{ width: 100%; height: auto;} */
/*  */
 .main, .main_con{ height: auto; overflow:hidden;}
.i1_left img{ display: block;width: 100vw!important; height: auto!important; }
.index1 .auto{ width: 100vw;}
.i1_dd{ width: 100vw; padding: 10px; box-sizing: border-box;}
.i1_dl,.main ul{ height: auto;}
.main ul{ position: relative;}

.i1d_pos{ display: none;}
.i1d_txt{ margin-top: 10px;}
.i1_left{ padding: 8px 0;border-bottom: 2px solid #439a42; margin-bottom: 20px;}
.i1_title{ padding: 0 10px; box-sizing: border-box; text-align: center; margin-bottom: 10px;}
.i1_con{margin-top: 0;}
.i1d_btn{ left: auto; right: 0; top: 10px; bottom: auto;}
.index2{ padding-top: 0;}
.i2_left{ padding-bottom: 0;}
.i2_left.index{ width: 100%; height: auto;}
.i2l_menu{ padding-bottom: 0;}
.i2l_bottom{ display: none;}
.i2l_h3{ height: 40px; line-height: 40px;}
.i2l_h3 span{ background-size: 12px auto;}
.i2l_a{ background: url(../images/7.png) no-repeat right 18px center;}
.i2l_a span{ width: 100%;} 
.i2l_menu{ display: none;}
.i2_right{ width: 100%;}
.i2r_con{ width: 100%; margin-left: 0;}
.i2r_li{ width: 48.5%; margin-right: 0;}
.i2r_li:nth-child(even){ float: right;}
.i2r_img{ width: 100%;} 
.i2r_li img{ width: 100%!important; height: auto!important;}
.ul{ width: 100%;}
.i2r_img{ height: auto;}
.i2_left.index{ margin-bottom: 10px;}
.i2r_txt{ padding: 0; margin-top: 10px;}
.i2_right .page{ margin-top: 0;}

.index3 .auto{ width: 100%;}
.i1_right{ width: 100%; height: auto; padding: 0; margin-bottom: 20px; background: none;}
.in_li{ margin-bottom: 0; padding: 0 10px;}
.index_site{ width: 100%!important; margin: 0;}
.index_site_body,.index_site{ width: 100%!important; padding: 0px!important; border: none!important; box-sizing: border-box!important; margin-bottom: 10px!important;}
.index_site_body .list,.index_site .list{ width: 100%!important;}
.index_site_body .title,.index_site .title{ text-align: center;!important}
.index_site_body .title .fl,.index_site .title .fl{ font-size: 18px!important; text-align: center!important; display: block!important; width: 100%!important; margin-bottom: 10px!important;}
.index_site_body .title .fr,.index_site .title .fr{ float: none!important; margin: 0 10px!important; font-size: 14px!important;}
.lh-footer-btn{ z-index: 99999999999999!important;}

.lh-footer-btn li a{ height: 44px; border-radius: 0!important; display: flex!important; align-items: center; padding: 0!important; justify-content: center; line-height: 44px!important; font-size: 16px!important;}
.lh-footer-btn li a i{ width: 28px!important; height: 28px!important; margin-right: 10px!important; background-size: 100% auto!important; position: relative!important; top: auto!important; left: auto!important; transform: translateY(0)!important;}
.foot{ width: 100%; padding: 20px 10px; box-sizing: border-box; padding-bottom: 60px!important;}
.foot p{ margin-bottom: 10px;}
.i2_left{ width: 100%; margin-top: 10px;}
.cp_dq{ width: 100%; height: 40px; line-height: 40px; font-size: 14px; padding: 0 15px; box-sizing: border-box; margin-bottom: 20px;}
.cp_wz{ display: none;}
.al_a{ height: 40px; line-height: 40px;}
.ab_txt,.ab_con{ margin-top: 0!important;}
.blank{ display: none;}
.ab_con img,.nx_con img{ max-width: 100%!important; height: auto!important;}
.new_dl{ padding: 0;}
.new_dl dt{ width: 100%;}
.new_dl dt img{ display: block; margin: 0 auto ;}
.new_dd{ width: 100%;}
.nd_txt{ margin-top: 10px; margin-bottom: 10px;}
.new_li a,.in_li a{ width: 75%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index2 .page{ margin-bottom: 20px;}

.page a{ padding: 0 10px; margin: 0 2px;}
.new_con{ margin-bottom: 15px;}
.i2r_con table{ margin-bottom: 20px;}
.zp_head,.zp_ys td{ font-size: 12px;} 
.map_img{ width: 100%; height: 300px;}
.map_img iframe{ width: 100%!important; height: 100!important;} 
.mt_h3{ font-size: 18px;}
.map_txt{ margin-top: 20px;}
.mt_wz p{ width: 100%; line-height: 24px;}
.index2 .i2_right{ margin-bottom: 20px;}
.map_con{ margin-top: 0;}
.flexslider .slides li a img{ width: auto; height: 150px;}
.flexslider .slides li a{ display: flex; align-items: center; justify-content: center; overflow: hidden;}
.fx2 img{    position: absolute;left: 0;bottom: 27px;width: 80px;height: 80px;opacity: 0;}
.feedback ul textarea.text{ width: 100%;}
.feedback ul{ width: 100%;}
.feedback ul .text{ width: 100%; margin: 0; box-sizing: border-box; margin-bottom: 10px; height: 40px;}
.feedback ul .btn{ margin: 0; width: 100%;}
.feedback ul .btn{background: url(../images/icon101.png) #439a42 no-repeat right 15px center;}
.i2l_li.hover .i2l_a{    background: #368035 url(../images/8.png) no-repeat right 15px center;}
.foot{ line-height: 24px;}
}